<!doctype html>
<title>CSS UI: box-sizing:padding-box for a block box</title>
<link rel="help" href="http://www.w3.org/TR/css3-ui/#box-sizing0">
<link rel="match" href="box-sizing-padding-box-block-001-ref.html">
<style>
 #test { box-sizing:padding-box; padding:50px; width:150px; height:50px; background:black }
</style>
<p>There should be a black square below.</p>
<div id=test></div>